<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>I'm QQ - 每一天，乐在沟通</title>
    <link rel="stylesheet" href="css/Three.css">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/base.js"></script>
</head>
<body>
    <!-- 头部开始 -->
    <header class="header" id="header">
        <div class="head-body">
            <div class="logo">
                <img src="img/logo.png" alt="">
            </div>
            <!-- 首页三个开始 -->
            <ul>
                <li style="background: none;">首页</li>
                <li style="background: #12b7f5;">下载</li>
                <li>动态</li>
            </ul>
            <!-- 首页三个结束 -->
            <ol>
                <li>注册</li>
                <li>QQ会员</li>
                <li>QQ安全</li>
                <li>登陆</li>
            </ol>
        </div>
    </header>
    <!-- 头部结束 -->
    <!-- banner开始 -->
    <div class="banner">
        <!-- 轮播图第一个内容开始 -->
        <div class="banner-one" id="ban-one">
            <div class="banner-one-body">
                <div class="w600">
                    <h1></h1>
                    <a href="javascript:;"></a>
                </div>
                <div class="w800"></div>
                <div class="w1349"></div>
            </div>
        </div>
        <!-- 轮播图第一个内容结束 -->
        <!-- 轮播图第二个内容开始 -->
        <div class="banner-two" id="ban-two">
            <div class="bck-top"></div>
            <div class="bck-bottom"></div>
            <div class="bck-center"></div>
        </div>
        <!-- 轮播图第二个内容结束 -->

        <!-- 两个按钮开始 -->
        <button class="button-one" id="one"></button>
        <button class="button-two" id="two"></button>
        <!-- 两个按钮结束 -->
    </div>
    <!-- banner结束 -->
    <!-- 图文开始 -->
    <div class="graphic">
        <div class="graphic-body">
            <ul>
                <li>
                    <img src="img/1.png">
                    <h2>
                        QQ PC版 <span>9.2.3</span> 
                        <img src="img/4.png">
                    </h2>
                    <p>
                        - 收藏表情支持关键字快搜，斗图快人一步 <br>
                        - 消息转发新增群助手分组，群消息快捷传递
                    </p>
                    <h3>2020-01-02</h3>
                    <button>
                        <img src="img/btn_icon_pc.png" alt="">
                        下载
                    </button>
                </li>
                <li>
                    <img src="img/3.webp">
                    <h2>
                        QQ手机版 <span>Android8.2.6 / iPhone8.2.6</span> 
                        <img src="img/4.png">
                        <img src="img/4.png">
                    </h2>
                    <p>
                        - 群聊互动标识、群头衔，畅聊更有仪式感 <br>
                        - 全新语音表情，让斗图有声有色 <br>
                        - 语音视频通话支持文字互动，嗨聊更随心<br>
                        - 群图片视频发送弹幕，互动嗨翻天
                    </p>
                    <h3>2020-01-02</h3>
                    <button>
                        <img src="img/btn_icon_pc.png" alt="">
                        下载
                    </button>
                    <button>
                        <img src="img/btn_icon_pc.png" alt="">
                        下载
                    </button>
                </li> 
                <li>
                    <img src="img/2.webp">
                    <h2>
                        TIM  <span>2.3.2</span> 
                    </h2>
                    <p>
                        - 群聊文件传输成功率有效提升 <br>
                        - 群文件在断网恢复后支持断点续传 <br>
                        - 大幅降低内存占用，减少卡顿，运行更流畅<br>
                        - 修复部分场景下的系统兼容问题
                    </p>
                    <h3>2020-01-02</h3>
                    <button>
                        <img src="img/btn_icon_pc.png" alt="">
                        下载
                    </button>
                </li>              
            </ul>
        </div>
    </div>
    <!-- 图文结束 -->
    <!-- 其他产品开始 -->
    <div class="other">
        <div class="other-body">
            <h2>其他产品</h2>
            <ul>
                <li>
                    <img src="img/mac_icon.png">
                    <div class="font">
                        <h3>QQ Mac版 <span>2019-12-19</span></h3>
                        <p>匠心之韵，清新聊人。</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/ico-lg.png">
                    <div class="font">
                        <h3>QQ国际PC版 <span>2019-12-19</span></h3>
                        <p>跨语言沟通无障碍。</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/mac_icon.png">
                    <div class="font">
                        <h3>QQ国际iPhone版 <span>2019-12-19</span></h3>
                        <p>沟通无国界，沟通就在你身边。</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/and_icon.png">
                    <div class="font">
                        <h3>QQ国际Android版 <span>2019-12-19</span></h3>
                        <p>全球通话，祝您好友遍天下。</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/ico-lg.png">
                    <div class="font">
                        <h3>QQ极速版 for Android <span>2019-12-19</span></h3>
                        <p>超小安装包，省内存，聊天更畅快！</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/wp_icon.png">
                    <div class="font">
                        <h3>QQ Windows Phone版 <span>2019-12-19</span></h3>
                        <p>Light设计，轻快简洁。</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/wp_icon.png">
                    <div class="font">
                        <h3> QQ Windows Pad版 <span>2019-12-19</span></h3>
                        <p>全新版本，轻快、简洁、个性化！</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/qqdocs-icon.png">
                    <div class="font">
                        <h3> 腾讯文档 <span>2019-12-19</span></h3>
                        <p>从心出发·趣无止境</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/ico-lg.png">
                    <div class="font">
                        <h3> QQ for Android Pad <span>2019-12-19</span></h3>
                        <p>新视觉·心体验</p>
                    </div>
                    <button>下载</button>
                </li>
                <li>
                    <img src="img/ico-lg.png">
                    <div class="font">
                        <h3> QQ for Linux <span>2019-12-19</span></h3>
                        <p>从心出发·趣无止境</p>
                    </div>
                    <button>下载</button>
                </li>
            </ul>
        </div>
    </div>
    <!-- 其他产品结束 -->
    <!-- 底部版权开始 -->
    <div class="bottom">
        <div class="bottom-body">
            <!-- 左边的通讯工具开始 -->
            <div class="bck-lft">
                <h3>了解热门产品</h3>
                <ul>
                    <li>
                        QQ手机版
                    </li>
                    <li>QQPC版</li>
                    <li>QQ Mac版</li>
                    <li>QQ Pad版</li>
                </ul>
            </div>
            <!-- 左边的通讯工具结束 -->
            <div class="bck-rht">
                <ul>
                    <li>QQ安全</li>
                    <li>安全中心</li>
                    <li>冻结账号</li>
                    <li>举报恶意行为</li>
                    <li>恢复好友和群</li>
                    <li>注销账号</li>
                </ul>
                <ul>
                    <li>帮助反馈</li>
                    <li>腾讯客服</li>
                    <li>反馈问题</li>
                    <li>腾讯微博</li>
                    <li>新浪微博</li>
                </ul>
                <ul>
                    <li>友情链接</li>
                    <li>兴趣部落</li>
                    <li>QQ群</li>
                    <li>QQ音乐</li>
                    <li>QQ浏览器</li>
                    <li>腾讯视频</li>
                    <li>腾讯体验中心</li>
                    <li>腾讯电脑管家</li>
                </ul>
                <ol>
                    <li>TIM</li>
                    <li>腾讯文档</li>
                    <li>微云</li>
                    <li>腾讯云</li>
                </ol>
            </div>
        </div>
        <p class="font-one">Copyright © 1998-2020 Tencent. All Rights Reserved.</p>
        <p class="font-two">腾讯公司 版权所有</p>
    </div>
    <!-- 底部版权结束 -->
</body>
</html>